<style type="text/css">
     .layui-table-cell{
         height: auto!important;
         white-space: normal;
     }
</style>
<div class="layui-tab layui-tab-brief layui-tab-brief-city" style="padding: 0px;border: none;margin-top: 0px;">
  <ul class="layui-tab-title">
    <li class="layui-this">基础设置</li>
    <li>漫游点位</li>
  </ul>
  <div class="layui-tab-content" >
    <div class="layui-tab-item layui-show">
		<form id="modelRoamForm" lay-filter="modelRoamForm" class="layui-form model-form" style="padding:0px;">
			<input name="id" type="hidden"  value="#(roam?roam.id:'')" />
			<input name="layerId" type="hidden" id="layerId"  value="#(roam?roam.layerId:'')" />
			<table class="formTable">
				<tr>
					<td>名称</td>
					<td colspan="2">
						<input id="roamName-input" name="name" value="#(roam?roam.name:'')" placeholder="" autocomplete="off"   type="text" class="layui-input" maxlength="50" lay-verType="tips" lay-verify="required" required/>
					</td>
				</tr>
				<tr>
					<td>标识</td>
					<td colspan="2">
						<input  value="#(roam?roam.code:'')" name="code"  placeholder="" autocomplete="off"   type="text" class="layui-input" maxlength="50" />
					</td>
				</tr>				
 				<tr>
					<td>类型</td>
					<td colspan="2" style="text-align: left;">
				      <select name="type" lay-filter="type"  lay-verify="required" required>
				        <option value="0" #if(roam&& roam.type=='0') selected #end>空中漫游</option>
				      </select>
	                </td>
				</tr> 	
				<tr>
					<td>时长(毫秒):</td>
					<td colspan="2">
						<input name="times" autocomplete="off" value="#(roam?roam.times:0)"  placeholder="请输入序号" type="number" class="layui-input" />
					</td>
				</tr>
				<tr>
					<td>循环</td> 
					<td colspan="2" style="text-align: left;">
				      <select name="clockRange" lay-filter="clockRange"  lay-verify="required" required>
				        <option value="CLAMPED" #if(roam&& roam.type=='CLAMPED') selected #end>CLAMPED</option>
				        <option value="LOOP_STOP" #if(roam&& roam.type=='LOOP_STOP') selected #end>LOOP_STOP</option>
				        <option value="UNBOUNDED" #if(roam&& roam.type=='UNBOUNDED') selected #end>UNBOUNDED</option>
				      </select>
	                </td>
		        </tr>
				<tr>
					<td>距离 (后方):</td>
					<td colspan="2">
						<input name="followedX" autocomplete="off" value="#(roam?roam.followedX:50)"  placeholder="请输入" type="number" class="layui-input" />
					</td>
				</tr>
				<tr>
					<td>距离(上方):</td>
					<td colspan="2">
						<input name="followedZ" autocomplete="off" value="#(roam?roam.followedZ:50)"  placeholder="请输入" type="number" class="layui-input" />
					</td>
				</tr>
				<tr>
					<td>锁定视角</td> 
					<td colspan="2" style="text-align: left;">
				      <select name="isTracked" lay-filter="isTracked"  lay-verify="required" required>
				        <option value="0" #if(roam&& roam.isTracked=='0') selected #end>否</option>
				        <option value="1" #if(roam&& roam.isTracked=='1') selected #end>是</option>
				      </select>
	                </td>
		        </tr>		        
				<tr>
					<td>显示路径</td> 
					<td colspan="2" style="text-align: left;">
				      <select name="isPath" lay-filter="isPath"  lay-verify="required" required>
				        <option value="0" #if(roam&& roam.isPath=='0') selected #end>否</option>
				        <option value="1" #if(roam&& roam.isPath=='1') selected #end>是</option>
				      </select>
	                </td>
		        </tr>		        		        		        
				<tr>
					<td>序号:</td>
					<td colspan="2">
						<input name="sort" autocomplete="off" value="#(roam?roam.sort:0)"  placeholder="请输入序号" type="number" class="layui-input" />
					</td>
				</tr>
				<tr>
					<td colspan="3" style="text-align: right;">
						#if(roam) <button type="button" class="layui-btn layui-btn-sm" id="settingroamVisualAngle">设置视角</button> #end
						<button class="layui-btn layui-btn-sm" lay-filter="submitRoamForm" lay-submit>保存</button>
					</td>
				</tr>
			</table>
	    </form>
    </div>
    <div class="layui-tab-item">
    	<table class="layui-table layui-img-table" id="tableRoamPoint" lay-filter="tableRoamPoint" style="margin: 1px 0;"></table>
    </div>
  </div>
</div>

